
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>集鲜蜂商城</title>
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/header.css" />
    <link rel="stylesheet" href="css/goodsList.css" />
	<link rel="stylesheet" href="css/defaul.css">
</head>
<body>
    <header>
        <div id="head-top">
            <nav class="clearfix">
               <div class="shortcut">
      <div class="w">
	  <div class="location">
       <span>地区 ： </span>
      <i class="cd-location"><input type="text" class="selectBoxPub_r flightto" style="border:none;width:50px;background-color:#e6e3e6;"></i>
</div>
</div> 
				  
				  
				  
				  
                <ul class="right clearfix">
                    <li class="menu welcome">
                        <a href="login.html" class="link-login">你好，请登录</a>
                        &nbsp;&nbsp;
                        <a href="register.html" class="link-register">免费注册</a>
                    </li>
                    <li class="spacer">|</li>
                    <li class="menu red"><a href="myorder.html" style="color:#999">加入我们</a></li>
                    <li class="spacer">|</li>
                    <li class="menu red">鲜锋站点&nbsp;∨</li>
                    <li class="spacer">|</li>
                    <li class="menu red">企业合作</li>
                    <li class="spacer">|</li>
                    <li class="menu qiye">人工客服&nbsp;∨</li>
                    <li class="spacer">|</li>

                </ul>
            </nav>
        </div>
        <div class="w clearfix">
            <div id="logo">
                <a href="index.html"><img src="img/log.jpg" ></a>
            </div>
            <div id="search">
                <!-- 搜索列表  已隐藏 -->
                <ul class="menu" id="shelper"></ul>
                <div class="form">
                    <input type="text" id="key" value="水果" class="text blurcolor">
                    <i class="fa fa-camera"></i>
                    <button>搜索</button>
                </div>
            </div>
            <div id="settleup" class="dropdown">
                <div class="cw-icon">
                    <i class="fa fa-shopping-cart car"></i>
                    <i class="i-count" id="count">0</i>
                    <a href="mycar.html">我的购物车</a>
                </div>
                
            </div>
            <div id="hotwords" class="haveline clearfix">
                <a href="#">水果</a>
                <b>|</b>
                <a href="#">猪肉</a>
                <b>|</b>
                <a href="#">海鲜</a>
                <b>|</b>
                <a href="#">配料</a>
                <b>|</b>
                <a href="#">调味</a>
                <b>|</b>
                <a href="#">蘑菇</a>
                <b>|</b>
                <a href="#">腌菜</a>
                <b>|</b>
                <a href="#">排骨</a>
                <b>|</b>
                <a href="#">姜</a>
                <b>|</b>
                <a href="#">葱</a>
               
            </div>
        </div>
    </header>
    <section>
        <div id="nav">
            <div class="w clearfix">
                <div id="categorys" style="height: auto; left: 0px; position: absolute;">
                    <div class="dt">
                        <a href="#">采购商城</a>
                    </div>
                    <div class="dd" style="display: none;"></div>
                </div>
                <div id="navitems" class="clearfix">
                    <ul class="navitems-group1 clearfix">
                        <li><a href="#">&nbsp;&nbsp;菜市场&nbsp;&nbsp;&nbsp;&nbsp;     </a></li>
                        <li><a href="#">直销 &nbsp;&nbsp;&nbsp;&nbsp;       </a></li>
                        <li><a href="#">自营&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                    </ul>
                    <div class="spacer"></div>
                    
                    <div class="spacer"></div>
                    <ul class="navitems-group3 clearfix">
                        <li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;肉类&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                    </ul>
					
                    <ul class="navitems-group3 clearfix">
                        <li><a href="#">蔬菜&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                    </ul>
				 
					<ul class="navitems-group3 clearfix">
                        <li><a href="#">其他&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
						
                    </ul>
					
					
                </div>
            </div>
        </div>
		<center>
		<br>
		<br>
		<div id="goods-img">
					
					<div class="img-r" style="border: 1px solid #00c65d; padding-top: 30px;">
						<ul>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg </p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
							<li>
								<a href="">
									<p class="grid-img">
										<img src="./static/imgs/h-2.jpg" alt="">
									</p>
									<h3 class="grid-title">猪肉</h3>
									<p class="grid-desc">产地：xxxxxx </p>
									<p class="grid-price">¥ 99 / kg</p>
									<p class="grid-tips">
										<img src="./static/imgs/h-2.png" alt="">
									</p>
								</a>
								<div class="caipux">
						<br>
						<a href="" style="margin-top:-65px;">💌 加购</a>  <a href=""> 💖 收藏</a>  
						
						</div>
							</li>
						</ul>
						
						
								   <div class="ye" style="margin-left:-400px;">
			  <a href="">上一页</a> 
			  
			  <a href="">下一页 </a> 
			  
			
			</div>
			</div>
			    
			</div>


		
        
		</center>

    </section>
   
	
</body>
</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/myjs.js"></script>
<script src="js/goodsList.js"></script>
<script src="./js/location.js"></script>
	<script src="js/jquery-1.11.3.min.js"></script>
      	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eFaNjhaFcBEWaqwqs3N5ziq4PKUClOiY

"></script>
       <script type="text/javascript">
          $(function() {
             var timer = null;
            $(".box").mouseenter(function() {
                clearTimeout(timer);
                var that = $(this);
             timer = setTimeout(function() {
                    that.find("a").each(function(index,ele){
                        setTimeout(function(){
                            $(ele).stop().animate({right:0},200);
                        },50*index);
                    })

              },200)
            }).mouseleave(function() {
                if(timer) {
                    clearTimeout(timer);
                }
                $(this).find("a").each(function(index,ele) {
                    setTimeout(function(){
                        $(ele).stop().animate({right:-110},200);
                    },50*index);
                })
            })

          })
       </script>
       
       <script>
			var isLocate = false; //判断是否定位

			var flightto = document.querySelector(".flightto");
			//获取地理位置定位
			function locateMe() {
				var geolocation = new BMap.Geolocation();
				geolocation.getCurrentPosition(function(r) {
					if(this.getStatus() == BMAP_STATUS_SUCCESS) {
						isLocate = true;
						var url = "http://api.map.baidu.com/geocoder/v2/" +
							"?callback=renderReverse&location=" + r.point.lat + "," + r.point.lng + "&output=json&pois=1&ak=eFaNjhaFcBEWaqwqs3N5ziq4PKUClOiY";
						var JSONP = document.createElement("script");
						JSONP.src = url;
						document.body.appendChild(JSONP);
					} else {
						alert('failed' + this.getStatus());
					}
				}, {
					enableHighAccuracy: true
				})
			}
			locateMe();

			function renderReverse(r) {
				flightto.value = r.result.addressComponent.city;
				console.log(r);
			}
		</script>


